<div>
  <div class="alert alert-error" ng-show="error">{{errorMessage}}</div>
  <div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">流程定义</h1>
  </div>
  <div class="wrapper-md" >
    <div class="panel panel-default">

      <div class="row wrapper" >
        <div class="col-sm-4">
          <a class="btn m-b-xs btn-sm btn-primary btn-addon" ui-sref="app.ProcessDef.add({fold:'unread'})"><i class="fa fa-plus"></i> 部署</a>
          <button class="btn m-b-xs btn-sm btn-danger btn-addon"><i class="fa fa-trash-o"></i>Info</button>
        </div>
        <div class="col-sm-5 m-b-xs">

        </div>

        <div class="col-sm-3">
          <div class="input-group">
            <input type="text" class="input-sm form-control" placeholder="Search" ng-model="query">
          <span class="input-group-btn">
            <button class="btn btn-sm btn-default" type="button">搜索</button>
          </span>
          </div>
        </div>
      </div>
      <div>
        <table class="table table-bordered" data-ng-controller="ProcessController">
          <thead>
          <tr>
            <th style="width:20px;">
              <label class="i-checks m-b-none">
                <input type="checkbox" ng-model="selectAll" ><i></i>
              </label>
            </th>
            <th>定义ID</th>
            <th>部署Id</th>
            <th>名称</th>
            <th>流程图</th>
            <th>KEY</th>
            <th>版本号</th>
            <th style="width:150px;">操作</th>
          </tr>
          </thead>
          <tbody>
          <tr ng-repeat="data in datas | filter:query">
            <td><label class="i-checks m-b-none"><input ng-checked="selectAll" ng-model="x" type="checkbox" name="post[]" ng-click="chk(data.defId,x)"><i></i></label></td>
            <td>{{data.defId}}</td>
            <td>{{data.deploymentId}}</td>
            <td>{{data.defName}}</td>
            <td><a target="_blank" href="process/readResouce?processDefinitionId={{data.defId}}">{{data.diagramResourceName}}</a></td>
            <td>{{data.defKey}}</td>
            <td>{{data.defVersion}}</td>
            <td>
              <a class="btn btn-xs btn-success" ui-sref="app.ProcessDef.start({defId:data.defId})">启动</a>
              <button class="btn btn-xs btn-danger" ng-click="removeObject(data.deploymentId)">删除</button>
              <a class="btn btn-xs btn-success" ui-sref="app.ProcessDef.edit({defId:data.defId})">模型</a>
            </td>
          </tr>

          </tbody>
        </table>
      </div>
      <footer class="panel-footer">
        <div class="row">
          <div class="col-sm-4 hidden-xs">

          </div>
          <div class="col-sm-4 text-center">
            <small class="text-muted inline m-t-sm m-b-sm">showing 20-30 of 50 items</small>
          </div>
          <div class="col-sm-4 text-right text-center-xs">
            <ul class="pagination pagination-sm m-t-none m-b-none">
              <li><a href><i class="fa fa-chevron-left"></i></a></li>
              <li><a href>1</a></li>
              <li><a href>2</a></li>
              <li><a href>3</a></li>
              <li><a href>4</a></li>
              <li><a href>5</a></li>
              <li><a href><i class="fa fa-chevron-right"></i></a></li>
            </ul>
          </div>
        </div>
      </footer>
    </div>

  </div>
</div>